/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-24 20:03:47
 * @version $Id$
 */
$(function() {

	$(".banner .img li").css({
		opacity: 0
	}).eq(0).css({
		opacity: 1
	})

	//初始化显示第一个按钮状态
	$(".banner .btn li").eq(0).css({
		background: "red"
	})

	function show(cur) {
		//显示一张图片
		$(".banner .img li").eq(cur).animate({
			opacity: 1
		}, 1000)

		//隐藏一张图片
		$(".banner .img li").eq(cur - 1).animate({
			opacity: 0
		}, 1000)

		//显示按钮状态
		$(".banner .btn li").eq(cur).css({
			background: "red"
		}).siblings().css({
			background: "#757175"
		})
	}

	//单图动画
	function ani() {
		cur++;
		if(cur == $(".banner .img li").size()) {
			cur = 0
		}
		show(cur);
	}
	var cur = 0;
	var timer = setInterval(ani, 3000);

	//鼠标悬停按钮上 显示相应的图片
	$(".banner .btn li").on("mouseenter", function() {
		btn_show($(this).index());
		cur = $(this).index();
	})

	//显示当前悬停按钮所对应的图片

	function btn_show(cur) {

		//显示一张图片
		$(".banner .img li").eq(cur).animate({
			opacity: 1
		}).siblings().animate({
			opacity: 0
		})

		//显示按钮状态
		$(".banner .btn li").eq(cur).css({
			background: "red"
		}).siblings().css({
			background: "#757175"
		})

	}

	//单击往左a标签
	$(".banner .control_wrapper .to_left").on("click", function() {
		if($(".banner .img li").is(":animated")) {
			return;
		}

		cur -= 1;
		if(cur == -1) {
			cur = $(".banner .img li").size() - 1;
		}
		btn_show(cur);
	})

	//单击往右a标签
	$(".banner .control_wrapper .to_right").on("click", function() {
		if($(".banner .img li").is(":animated")) {
			return;
		}

		cur += 1;
		if(cur == $(".banner .img li").size()) {
			cur = 0;
		}
		btn_show(cur);
	})

	//鼠标悬停在图片上停止定时器   离开时启动定时器
	$(".banner").hover(
		function() {
			clearInterval(timer);
		},
		function() {
			timer = setInterval(ani, 3000);
		}
	);

	//-----------------从cookie里获得用户名
	function getCookies() {
		var Cookie_name = "";
		var Cookie_value = "";
		if(!document.cookie == '') {
			var arrCookie = document.cookie.split('; ');
			//用spilt('; ')切割所有cookie保存在数组arrCookie中 
			for(var i = 0; i < arrCookie.length; i++) {
				if(unescape(arrCookie[i].split('=')[0]) == "huausername") {
					Cookie_name = unescape(arrCookie[i].split('=')[0]);
					Cookie_value = unescape(arrCookie[i].split('=')[1]);
					break;
				}
			}
			if(Cookie_value == "") {
				Cookie_value = "请登录"
			}

			return Cookie_value;
		} else {
			return Cookie_value = "请登录"
		}
	}

	// 飞入购物车
	$(".grid-item .operate .add-cart").on("click", function(event) {

		//获取当前的图片
		var $src = $(this).parent().parent().parent()
			.children(".img-box").children("a").children("img").attr("src");

		//页面滚动的距离
		var scrollTop = $(document).scrollTop();
		//元素距离最顶部的距离
		var offset = $(".sidebarIcon .center .li2 .ico_cart").offset(),
			flyer = $('<img class="u-flyer" src="' + $src + '"/>');
		flyer.fly({
			start: {
				left: event.pageX,
				top: event.pageY - scrollTop - 100

			},
			end: {
				left: offset.left + 10,
				top: offset.top - scrollTop,
				width: 20,
				height: 20
			}
		});

		//获取当前商品的名字
		var $name = $(this).parent().parent().parent()
		    .children().eq(1).children(".title").children().children(".product-title").html();
	    

		//获取当前商品的价格
		var $price = $(this).parent().parent().parent()
			.children().eq(1).children(".price").children(".price-num").html();
			
		//如果用户已经登录 购物车加入商品前先检查商品是否重复添加
		if(getCookies() != "请登录") {
			$.ajax({
				type: "POST", //请求方式
				url: "add_user_shop.php", //请求地址
				data: { //传递的数据
					name: $name,
					pic: $src,
					price: $price,
					number: 1,
					email: getCookies()
				},

				success: function(response, status, xhr) { //回调函数
					if(xhr.readyState == 4 && xhr.status == 200) {
						if(response == true) {
							//查询用户有多少商品
							$.ajax({
								type: "POST", //请求方式
								url: "select_shop_number.php", //请求地址
								data: { //传递的数据
									email: getCookies()
								},
								success: function(response, status, xhr) { //回调函数
									if(xhr.readyState == 4 && xhr.status == 200) {
										$(".sidebarIcon .center .li2 .cart_num").html(response);
										$(".site_nav .center_ul_r .li6 .cart_num").html("(" + response + ")");
									}
								}

							})

						}
					}
				}
			})
		}

	})

})